<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/templates/templateInicio.xhtml">
    <ui:define name="content">
	<br/><br/><br/><br/><br/><br/><br/>
	<h:form>
	<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
	<h:panelGrid columns="2" style="margin: 0 auto;" cellspacing="0" cellpadding="0">
		<h:panelGrid columns="1" width="630" cellspacing="0" cellpadding="0" style="margin: 0 auto;height:310px;border-radius: 12px 0px 0px 12px;-moz-border-radius: 12px 0px 0px 12px;-webkit-border-radius: 12px 0px 0px 12px;border: 2px solid #EDBA0E;">
			<p:graphicImage url="/img/xavier_logo.png" height="290" width="600"/>
		</h:panelGrid>
		<h:panelGrid columns="1" width="630" cellspacing="0" cellpadding="0" style="margin: 0 auto;height:310px;border-radius: 0px 12px 12px 0px;-moz-border-radius: 0px 12px 12px 0px;-webkit-border-radius: 0px 12px 12px 0px;border: 2px solid #EDBA0E;">
			<h:panelGrid columns="1" cellspacing="0" cellpadding="0" style="margin: 0 auto;">
				<h:outputText value="Sistema de Informacion de procesos de Educacion Continua" style="font-size: 22px;color:#00276E;font-family: arial"/>
			</h:panelGrid>
			<h:panelGrid columns="2" cellspacing="0" cellpadding="0" style="margin: 0 auto;">
				<h:outputText value="#{etiquetaBean.e('Usuario', 'seguridad.usuario')}" />
				<p:inputText value="#{seguridadBean.usuarioDTO.usuario}"/>
				<h:outputText value="#{etiquetaBean.e('Clave', 'seguridad.clave')}"/>
				<p:password value="#{seguridadBean.usuarioDTO.clave}"/>
			</h:panelGrid>
			<h:panelGrid columns="1" cellspacing="0" cellpadding="0" style="margin: 0 auto;">
				<p:commandButton value="#{etiquetaBean.e('Ingresar', 'seguridad.ingresar')}" id="btnIngresar" action="#{seguridadBean.login}" styleClass="ui-priority-primary" />
			</h:panelGrid>
<!-- 			<br/> -->
<!-- 			<p:commandLink value="#{etiquetaBean.e('Recuperar Contraseña', 'seguridad.recuperar')}" type="button" -->
<!-- 				onclick="PF('dlg2').show();" /> -->
	
<!-- 			<p:dialog header="#{etiquetaBean.e('Recuperar Contraseña', 'seguridad.recuperar')}" widgetVar="dlg2" modal="true" -->
<!-- 				height="100"> -->
<!-- 				<h:outputText value="This is a Modal Dialog." /> -->
<!-- 			</p:dialog> -->
			
		</h:panelGrid>
	</h:panelGrid>	
	</h:form>
	</ui:define>
</ui:composition>
</html>